<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template/user.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <ui:define name="header"/>

    <ui:define name="context">
        <div class="section_w500">
            <div class="margin_bottom_20"></div>
            <c:forEach var="m" items="#{u_searchManagedBean.lstFind}">  
                <div class="feat_prod_box">
                    <div class="prod_img">
                        <p:commandLink action="#{u_memberDetailManagedBean.ViewDetail(m)}">
                            <p:graphicImage library="user/images/avatar" width="88" height="96"
                                            name="#{u_memberDetailManagedBean.Get_Avatar(m)}"/>
                        </p:commandLink>
                    </div>

                    <div class="prod_det_box">
                        <div class="box_top"></div>
                        <div class="box_center">

                            <div class="prod_title">#{m.nickName}</div>

                            <p class="details">
                                Caste : ${m.username}
                            </p>

                            <p class="details">
                                Language : ${m.IDLanguage.language}
                            </p>

                            <p class="details">
                                Country : ${m.IDState.IDCountry.country}
                            </p>

                            <p:commandLink value="- more details -" styleClass="more"
                                           action="#{u_memberDetailManagedBean.ViewDetail(m)}"/>
                            <div class="clear"></div>

                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
    </ui:define>

</ui:composition>
